<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('首页')"/>
    <link rel="stylesheet" th:href="@{/static/admin/css/other/console1.css}"/>
</head>
<body class="pear-container">
<div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">运行时长</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                    
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1" th:text="${runtime}">
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg id="Layer_1" height="512" viewBox="0 0 48 48" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m34.206 38.585a.75.75 0 0 1 -.75-.75v-1.359h-3.723a.751.751 0 0 1 -.612-1.184l4.473-6.309a.75.75 0 0 1 1.362.434v5.559h.73a.75.75 0 1 1 0 1.5h-.73v1.359a.75.75 0 0 1 -.75.75zm-3.021-3.609h2.271v-3.2z" fill="#585f76"/><path d="m36.961 38.585a.75.75 0 0 1 -.7-1.027l3.452-8.69a.75.75 0 0 1 1.394.553l-3.452 8.691a.75.75 0 0 1 -.694.473z" fill="#585f76"/><path d="m43.407 38.584h-.078a.751.751 0 0 1 -.669-.823 15.08 15.08 0 0 1 1.2-4.191 19.926 19.926 0 0 1 1.887-3.213h-3.624a.75.75 0 0 1 0-1.5h5.127a.75.75 0 0 1 .58 1.225 21.751 21.751 0 0 0 -2.6 4.1 13.865 13.865 0 0 0 -1.078 3.735.75.75 0 0 1 -.745.667z" fill="#585f76"/><path d="m28.761 38.585h-4.961a.752.752 0 0 1 -.75-.723 3.582 3.582 0 0 1 1.306-2.716 23.024 23.024 0 0 1 1.883-1.341 10.6 10.6 0 0 0 1.026-.724 1.944 1.944 0 0 0 .581-1.318 1.733 1.733 0 0 0 -.462-1.178 1.476 1.476 0 0 0 -1.1-.418 1.57 1.57 0 0 0 -1.732 1.7.75.75 0 0 1 -1.5 0 3.047 3.047 0 0 1 3.232-3.2 2.956 2.956 0 0 1 2.175.87 3.249 3.249 0 0 1 .889 2.262 3.44 3.44 0 0 1 -1.052 2.372 10.072 10.072 0 0 1 -1.228.886 21.214 21.214 0 0 0 -1.768 1.249 2.061 2.061 0 0 0 -.591.779h4.048a.75.75 0 1 1 0 1.5z" fill="#585f76"/><path d="m19.729 8.958a.75.75 0 0 0 .75-.75v-3.187a.749.749 0 0 0 -.75-.75 19.729 19.729 0 0 0 0 39.458.749.749 0 0 0 .75-.75v-3.187a.75.75 0 0 0 -1.5 0v2.422a18.07 18.07 0 0 1 -7.7-2.084l1.2-2.078a.75.75 0 1 0 -1.3-.75l-1.2 2.076a18.358 18.358 0 0 1 -5.643-5.629l2.085-1.2a.75.75 0 0 0 -.75-1.3l-2.087 1.207a18.12 18.12 0 0 1 -2.047-7.706h2.4a.75.75 0 1 0 0-1.5h-2.4a18.12 18.12 0 0 1 2.047-7.706l2.094 1.209a.75.75 0 0 0 .75-1.3l-2.085-1.2a18.358 18.358 0 0 1 5.643-5.631l1.2 2.076a.75.75 0 1 0 1.3-.75l-1.2-2.078a18.07 18.07 0 0 1 7.7-2.084v2.422a.75.75 0 0 0 .743.75z" fill="#585f76"/><g fill="#f99e4d"><path d="m14.333 28.555a.75.75 0 0 1 -.434-1.363l5.08-3.581v-9.1a.75.75 0 1 1 1.5 0v9.489a.749.749 0 0 1 -.317.613l-5.4 3.805a.747.747 0 0 1 -.429.137z"/><circle cx="24.647" cy="5.667" r=".753"/><circle cx="29.22" cy="7.567" r=".753"/><circle cx="33.144" cy="10.576" r=".753"/><circle cx="36.162" cy="14.508" r=".753"/><circle cx="38.063" cy="19.087" r=".753"/><circle cx="38.707" cy="24.005" r=".753"/></g></svg>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">JAVA版本</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" th:text="${service.JvmInfo.jdkVersion}">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">

                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 width="17.18px" height="23.305px" viewBox="0 0 17.18 23.305" enable-background="new 0 0 17.18 23.305" xml:space="preserve">
                            <path d="M8.104,12.512c0,0-1.299-2.503-1.251-4.332c0.035-1.307,2.982-2.599,4.139-4.475C12.147,1.828,10.848,0,10.848,0
                                s0.289,1.348-0.481,2.742C9.597,4.138,6.755,4.957,5.65,7.363C4.545,9.769,8.104,12.512,8.104,12.512z"/>
                            <path d="M12.966,4.908c0,0-4.427,1.685-4.427,3.609c0,1.926,1.202,2.551,1.396,3.176c0.192,0.627-0.337,1.685-0.337,1.685
                                s1.732-1.203,1.442-2.599c-0.289-1.396-1.636-1.83-0.865-3.224C10.69,6.62,12.966,4.908,12.966,4.908z"/>
                            <path d="M7.624,15.055c4.091-0.146,5.583-1.437,5.583-1.437c-2.646,0.721-9.673,0.674-9.722,0.145
                                c-0.047-0.529,2.165-0.963,2.165-0.963s-3.464,0-3.753,0.866S3.536,15.198,7.624,15.055z"/>
                            <path d="M13.543,17.083c0,0,4.004-0.854,3.608-3.029c-0.48-2.648-3.272-1.156-3.272-1.156s1.975,0,2.166,1.202
                                C16.238,15.303,13.543,17.083,13.543,17.083z"/>
                            <path d="M11.57,15.929c0,0-1.009,0.265-2.504,0.433c-2.004,0.225-4.427,0.047-4.62-0.29c-0.19-0.337,0.337-0.529,0.337-0.529
                                c-2.407,0.578-1.09,1.587,1.731,1.781c2.418,0.165,6.017-0.722,6.017-0.722L11.57,15.929z"/>
                            <path d="M5.363,18.031c0,0-1.092,0.031-1.156,0.609c-0.063,0.574,0.672,1.09,3.368,1.25c2.695,0.16,4.589-0.737,4.589-0.737
                                l-1.219-0.74c0,0-0.771,0.162-1.958,0.322c-1.188,0.161-3.624-0.129-3.72-0.352C5.169,18.158,5.363,18.031,5.363,18.031z"/>
                            <path d="M15.852,20.63c0.417-0.45-0.129-0.803-0.129-0.803s0.192,0.225-0.062,0.481c-0.257,0.256-2.6,0.897-6.354,1.09
                                c-3.753,0.193-7.828-0.353-7.957-0.834c-0.125-0.481,2.087-0.865,2.087-0.865c-0.256,0.032-3.336,0.096-3.434,0.931
                                c-0.096,0.833,1.347,1.507,7.124,1.507C12.901,22.136,15.437,21.077,15.852,20.63z"/>
                            <path d="M13.607,22.522c-2.535,0.512-10.233,0.189-10.233,0.189s5.003,1.188,10.714,0.194c2.73-0.476,2.889-1.797,2.889-1.797
                                S16.142,22.007,13.607,22.522z"/>
                            </svg>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">服务器信息</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" th:text="${service.SysInfo.osName}">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4  top-panel-tips">

                            <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 395 395" style="enable-background:new 0 0 395 395;" xml:space="preserve">
                                <path d="M395,279.46V382.5c0,4.14-3.36,7.5-7.5,7.5H7.5c-4.15,0-7.5-3.36-7.5-7.5V279.46c0-4.14,3.35-7.5,7.5-7.5h21.87v-15.44H7.5
                                    c-4.15,0-7.5-3.36-7.5-7.5V145.98c0-4.14,3.35-7.5,7.5-7.5h21.87v-15.44H7.5c-4.15,0-7.5-3.36-7.5-7.5V12.5C0,8.36,3.35,5,7.5,5
                                    h380c4.14,0,7.5,3.36,7.5,7.5v103.04c0,4.14-3.36,7.5-7.5,7.5h-21.87v15.44h21.87c4.14,0,7.5,3.36,7.5,7.5v103.04
                                    c0,4.14-3.36,7.5-7.5,7.5h-21.87v15.44h21.87C391.64,271.96,395,275.32,395,279.46z M380,375v-88.04h-39.17V375H380z M380,241.52
                                    v-88.04h-39.17v88.04H380z M380,108.04V20h-39.17v88.04H380z M350.63,271.96v-15.44H44.37v15.44H350.63z M350.63,138.48v-15.44
                                    H44.37v15.44H350.63z M325.83,375v-88.04h-39.01V375H325.83z M325.83,241.52v-88.04h-39.01v88.04H325.83z M325.83,108.04V20h-39.01
                                    v88.04H325.83z M271.82,375v-88.04H15V375H271.82z M271.82,241.52v-88.04H15v88.04H271.82z M271.82,108.04V20H15v88.04H271.82z"/>
                                <rect x="340.83" y="286.96" style="fill:#3DD0F2;" width="39.17" height="88.04"/>
                                <rect x="340.83" y="153.48" style="fill:#3DD0F2;" width="39.17" height="88.04"/>
                                <rect x="340.83" y="20" style="fill:#3DD0F2;" width="39.17" height="88.04"/>
                                <path style="fill:#3DD0F2;" d="M271.82,286.96V375H15v-88.04H271.82z M75,330.98c0-1.97-0.8-3.91-2.2-5.3
                                    c-1.4-1.4-3.33-2.2-5.3-2.2c-1.98,0-3.91,0.8-5.31,2.2c-1.39,1.4-2.19,3.33-2.19,5.3s0.8,3.91,2.19,5.3c1.4,1.4,3.33,2.2,5.31,2.2
                                    c1.97,0,3.9-0.8,5.3-2.2C74.2,334.89,75,332.96,75,330.98z M51,330.98c0-1.97-0.8-3.9-2.2-5.3c-1.4-1.4-3.33-2.2-5.3-2.2
                                    c-1.98,0-3.91,0.8-5.31,2.2c-1.39,1.39-2.19,3.33-2.19,5.3c0,1.98,0.8,3.91,2.19,5.3c1.4,1.4,3.33,2.2,5.31,2.2
                                    c1.97,0,3.9-0.8,5.3-2.2C50.2,334.89,51,332.95,51,330.98z"/>
                                <path style="fill:#3DD0F2;" d="M271.82,153.48v88.04H15v-88.04H271.82z M75,197.5c0-1.97-0.8-3.91-2.2-5.3
                                    c-1.4-1.4-3.33-2.2-5.3-2.2c-1.98,0-3.91,0.8-5.31,2.2c-1.39,1.39-2.19,3.33-2.19,5.3c0,1.98,0.8,3.91,2.19,5.3
                                    c1.4,1.4,3.33,2.2,5.31,2.2c1.97,0,3.9-0.8,5.3-2.2C74.2,201.41,75,199.48,75,197.5z M51,197.5c0-1.97-0.8-3.91-2.2-5.3
                                    c-1.4-1.4-3.33-2.2-5.3-2.2c-1.98,0-3.91,0.8-5.31,2.2c-1.39,1.39-2.19,3.33-2.19,5.3s0.8,3.91,2.19,5.3c1.4,1.4,3.33,2.2,5.31,2.2
                                    c1.97,0,3.9-0.8,5.3-2.2C50.2,201.41,51,199.47,51,197.5z"/>
                                <path style="fill:#3DD0F2;" d="M271.82,20v88.04H15V20H271.82z M75,64.02c0-1.97-0.8-3.91-2.2-5.3c-1.4-1.4-3.33-2.2-5.3-2.2
                                    c-1.98,0-3.91,0.8-5.31,2.2C60.8,60.11,60,62.05,60,64.02c0,1.97,0.8,3.91,2.19,5.3c1.4,1.4,3.33,2.2,5.31,2.2
                                    c1.97,0,3.9-0.8,5.3-2.2C74.2,67.93,75,65.99,75,64.02z M51,64.02c0-1.97-0.8-3.91-2.2-5.3c-1.4-1.4-3.33-2.2-5.3-2.2
                                    c-1.98,0-3.91,0.8-5.31,2.2C36.8,60.11,36,62.05,36,64.02c0,1.97,0.8,3.91,2.19,5.3c1.4,1.4,3.33,2.2,5.31,2.2
                                    c1.97,0,3.9-0.8,5.3-2.2C50.2,67.93,51,65.99,51,64.02z"/>
                                <path d="M72.8,58.72c1.4,1.39,2.2,3.33,2.2,5.3c0,1.97-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    C60.8,67.93,60,65.99,60,64.02c0-1.97,0.8-3.91,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C69.47,56.52,71.4,57.32,72.8,58.72z"/>
                                <path d="M72.8,192.2c1.4,1.39,2.2,3.33,2.2,5.3c0,1.98-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    c-1.39-1.39-2.19-3.32-2.19-5.3c0-1.97,0.8-3.91,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C69.47,190,71.4,190.8,72.8,192.2z"/>
                                <path d="M72.8,325.68c1.4,1.39,2.2,3.33,2.2,5.3c0,1.98-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    c-1.39-1.39-2.19-3.33-2.19-5.3s0.8-3.9,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C69.47,323.48,71.4,324.28,72.8,325.68z"/>
                                <path d="M48.8,58.72c1.4,1.39,2.2,3.33,2.2,5.3c0,1.97-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    C36.8,67.93,36,65.99,36,64.02c0-1.97,0.8-3.91,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C45.47,56.52,47.4,57.32,48.8,58.72z"/>
                                <path d="M48.8,192.2c1.4,1.39,2.2,3.33,2.2,5.3s-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    c-1.39-1.39-2.19-3.33-2.19-5.3s0.8-3.91,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C45.47,190,47.4,190.8,48.8,192.2z"/>
                                <path d="M48.8,325.68c1.4,1.4,2.2,3.33,2.2,5.3s-0.8,3.91-2.2,5.3c-1.4,1.4-3.33,2.2-5.3,2.2c-1.98,0-3.91-0.8-5.31-2.2
                                    c-1.39-1.39-2.19-3.32-2.19-5.3c0-1.97,0.8-3.91,2.19-5.3c1.4-1.4,3.33-2.2,5.31-2.2C45.47,323.48,47.4,324.28,48.8,325.68z"/>
                            </svg>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs6 layui-col-md3">
            <div class="layui-card top-panel">
                <div class="layui-card-header">流量统计</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
                            0
                        </div>
                        <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                            <svg t="1591462491887" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg"
                                 p-id="3449" width="200" height="200">
                                <path d="M363.2 807c-9.9 0-18-8.1-18-18v-75.5c0-9.9 8.1-18 18-18h108.5c9.9 0 18 8.1 18 18V789c0 9.9-8.1 18-18 18H363.2z"
                                      fill="#F56E73" p-id="3450"></path>
                                <path d="M441.7 713.5h30V789h-30z" fill="#FFA1A8" p-id="3451"></path>
                                <path d="M259.6 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2zM525.1 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2z"
                                      fill="#65C8FF" p-id="3452"></path>
                                <path d="M550.2 153.5c-3.2 0-6.2 0.7-9 1.7 9.4 3.6 16.1 12.7 16.1 23.4V380h18V178.6c0.1-13.9-11.2-25.1-25.1-25.1z"
                                      fill="#97DCFF" p-id="3453"></path>
                                <path d="M686 330.5H149c-9.9 0-18 8.1-18 18v63c0 9.9 8.1 18 18 18h33.2l45 225c8.7 43.4 47.1 75 91.4 75h197.6c44.3 0 82.7-31.5 91.4-75l45-225H686c9.9 0 18-8.1 18-18v-63c0-9.9-8.1-18-18-18z"
                                      fill="#FCC66F" p-id="3454"></path>
                                <path d="M608 411.5L560.1 651c-7 35.2-37.9 60.5-73.8 60.5h30c35.9 0 66.7-25.3 73.8-60.5L638 411.5h-30zM656 348.5h30v63h-30z"
                                      fill="#FFD79C" p-id="3455"></path>
                                <path d="M474.2 543.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56"
                                      p-id="3456"></path>
                                <path d="M416.9 525.5h-125c-9.9 0-18 8.1-18 18s8.1 18 18 18h125c9.9 0 18-8.1 18-18s-8.1-18-18-18zM893 543.5h-33.4c-65.2 0-118.2 53-118.2 118.2v19.6c0 9.9 8.1 18 18 18s18-8.1 18-18v-19.6c0-45.3 36.9-82.2 82.2-82.2H893c9.9 0 18-8.1 18-18s-8-18-18-18zM772.2 744.2c7-7 7-18.4 0-25.5-7-7-18.4-7-25.5 0s-7 18.4 0 25.5 18.4 7.1 25.5 0z"
                                      fill="#453B56" p-id="3457"></path>
                                <path d="M759.5 761.6c-9.9 0-18 8.1-18 18v11.6c0 43.7-35.6 79.3-79.3 79.3H487.3c-26.4 0-48.3-19.9-51.4-45.5h35.8c19.9 0 36-16.1 36-36v-41.5h8.6c52.8 0 98.7-37.6 109.1-89.4l42.1-210.6H686c19.9 0 36-16.1 36-36v-63c0-19.9-16.1-36-36-36h-74.6V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H345.9V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H149c-19.9 0-36 16.1-36 36v63c0 19.9 16.1 36 36 36h18.5l42.1 210.6c10.4 51.8 56.2 89.4 109.1 89.4h8.6V789c0 19.9 16.1 36 36 36h36.6c3.3 45.5 41.2 81.5 87.5 81.5h174.8c63.6 0 115.3-51.7 115.3-115.3v-11.6c0-10-8.1-18-18-18z m-234.4-583c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9H525V178.6z m-265.5 0c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9h-50.3V178.6zM149 411.5v-63h537v63H149z m169.7 300c-35.9 0-66.7-25.3-73.8-60.5l-40.7-203.5h426.6L590.1 651c-7 35.2-37.9 60.5-73.8 60.5H318.7z m44.5 77.5v-41.5h108.5V789H363.2z"
                                      fill="#453B56" p-id="3458"></path>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md9">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <div id="echarts-records" style="background-color:#ffffff;min-height:400px;padding: 10px"></div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">动态</div>
                <div class="layui-card-body">
                    <dl class="layuiadmin-card-status">
                        <dd th:each="list : ${sysOperLog} ">
                            <div class="layui-status-img">
                                <a href="javascript:;">
                                    <img style="width: 32px;height: 32px;border-radius: 50px;" th:src="@{/static/admin/images/avatar.jpg}">
                                </a>
                            </div>
                            <div>
                                <p>[[${list.operName}]] 操作了 【 [[${list.title}]] 】
                                   数据为: <pre class="layui-code" lay-skin="notepad">[[${list.operParam}]]</pre>
                                </p>
                                <span>[[${list.getdate()}]]</span>
                            </div>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">系统公告</div>
                <div class="layui-card-body">
                    <ul class="list">
                        <li class="list-item" th:each="list : ${sysNotices} " ><span class="title" th:text="${list.title}">优化代码格式</span><span class="footer" th:text="${list.getdate()}">2020-06-04 11:28</span></li>
                    </ul>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    链接
                </div>
                <div class="layui-card-body">
                    <a target="_blank" href="http://www.pearadmin.com" class="pear-btn pear-btn-success layui-btn-fluid"
                       style="height: 50px;line-height: 50px;">官 网</a>
                    <br/>
                    <a target="_blank" href="http://www.pearadmin.com/doc/"
                       class="pear-btn pear-btn-primary  layui-btn-fluid"
                       style="margin-top: 8px;height: 50px;line-height: 50px;">文 档</a>
                    <br/>
                    <a target="_blank" href="https://gitee.com/Jmysy/Pear-Admin-Layui"
                       class="pear-btn pear-btn-warming  layui-btn-fluid"
                       style="margin-top: 8px;height: 50px;line-height: 50px;">下 载</a>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer"/>
<script>
    layui.use(['layer', 'echarts', 'element', 'count', 'topBar','code'], function () {
        layui.code();
        let count = layui.count,
            echarts = layui.echarts;
        count.up("value4", {
            time: 4000,
            bit: 2,
            num: 373.23,
            regulator: 50
        })

        var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');

        var option = {
            tooltip: {
                trigger: 'axis'
            },
            xAxis: [{
                type: 'category',
                data: ['2019-01', '2019-02', '2019-03', '2019-04', '2019-05', '2019-06'],
                axisLine: {
                    lineStyle: {
                        color: "#999"
                    }
                }
            }],
            yAxis: [{
                type: 'value',
                splitNumber: 4,
                splitLine: {
                    lineStyle: {
                        type: 'dashed',
                        color: '#DDD'
                    }
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: "#333"
                    },
                },
                nameTextStyle: {
                    color: "#999"
                },
                splitArea: {
                    show: false
                }
            }],
            series: [{
                name: '课时',
                type: 'line',
                data: [23, 60, 20, 36, 23, 85],
                lineStyle: {
                    normal: {
                        width: 8,
                        color: {
                            type: 'linear',

                            colorStops: [{
                                offset: 0,
                                color: '#A9F387' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: '#48D8BF' // 100% 处的颜色
                            }],
                            globalCoord: false // 缺省为 false
                        },
                        shadowColor: 'rgba(72,216,191, 0.3)',
                        shadowBlur: 10,
                        shadowOffsetY: 20
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#fff',
                        borderWidth: 10,
                        borderColor: "#A9F387"
                    }
                },
                smooth: true
            }]
        };
        echartsRecords.setOption(option);

        window.onresize = function () {
            echartsRecords.resize();
        }

    });
</script>
</body>
</html>
